﻿@model SILAS.Entidades.Visita

@{
    ViewBag.Title = "Edit";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<script type="text/javascript">


    $(function () {
        /* Mandar formulario by ajax */

        $("#btncrear").click(function () {

            var data = $('form').serialize();

            $.post('@Url.Action("Create", "Visita")',
                         data,
                         function (ok) {
                             if (ok) {
                                 if (ok.exito == true) {
                                     alert(ok.msg);
                                     window.location = '@Url.Action("ListarVisitas", "Visita")';
                                 }
                                 else {
                                     alert(ok.msg);
                                 }
                             }
                         }, "json");
        });

    });

</script>

<h2>Editar Visita</h2>

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

@using (Html.BeginForm()) {
    @Html.ValidationSummary(true)
    <fieldset>
      
      <div id='left' class='ui-widget ui-corner-all' style='float:left;width:25%;margin-top:0.5em;margin-left:0.5em;'>
        <div class="ui-widget-header ui-corner-top" style="padding:0.3em;">
            Visita
        </div>
        <div class="ui-widget-content ui-corner-bottom" style="padding:0.5em;">
                @Html.HiddenFor(model => model.Id)

                <div class="editor-label">
                    @Html.LabelFor(model => model.Fecha)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.Fecha)
                    @Html.ValidationMessageFor(model => model.Fecha)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.Observaciones)
                </div>
                <div class="editor-field">
                    @Html.TextAreaFor(model => model.Observaciones)
                    @Html.ValidationMessageFor(model => model.Observaciones)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.Acuerdos)
                </div>
                <div class="editor-field">
                    @Html.TextAreaFor(model => model.Acuerdos)
                    @Html.ValidationMessageFor(model => model.Acuerdos)
                </div>

                <div class="editor-label">
                    @Html.LabelFor(model => model.IdSector)
                </div>
                <div class="editor-field">
                    @Html.EditorFor(model => model.IdSector)
                    @Html.ValidationMessageFor(model => model.IdSector)
                </div>
            </div>                    
            </div>

            <div id='center' class='ui-widget ui-corner-all' style='float:left;width:30%;margin-top:0.5em;margin-left:0.5em;'>
            <div class="ui-widget-header ui-corner-top" style="padding:0.3em;">
            Ciudadanos
            </div>
            <div class="ui-widget-content ui-corner-bottom" style="padding:0.5em;">
             <table id="tblCiudadanos" border="1" cellpadding="3" cellspacing="3">
                <thead>
                  <tr>
                    <th>
                        Nombres
                    </th>
                    <th>
                        DNI
                    </th>
                </tr>
              </thead>
             <tbody>
                @for (int i = 0; i < Model.DetalleVisitas.Count; i++)
                {
                    <tr>
                        <td>
                            @if (Model.DetalleVisitas[i].Ciudadano != null)
                            {
                                @Html.HiddenFor(x => Model.DetalleVisitas.ToList()[i].IdCiudadano)
                                @Html.DisplayFor(x => Model.DetalleVisitas.ToList()[i].Ciudadano.ApPaterno)
                                @Html.Label(" ") 
                                @Html.HiddenFor(x => Model.DetalleVisitas.ToList()[i].Ciudadano.ApPaterno)
                                @Html.DisplayFor(x => Model.DetalleVisitas.ToList()[i].Ciudadano.ApMaterno) 
                                @Html.Label(" ") 
                                @Html.DisplayFor(x => Model.DetalleVisitas.ToList()[i].Ciudadano.Nombres)
                                                                 
                            }      
                        </td>
                        <td>
                            @if (Model.DetalleVisitas.ToList()[i].Ciudadano != null)
                            {
                                @Html.DisplayFor(x => Model.DetalleVisitas[i].Ciudadano.DNI) 
                                                                                                
                            }      
                        </td>
                        <td>
                            @if (Model.DetalleVisitas.ToList()[i].Ciudadano != null)
                            {
                                <a href="@Url.Action("DeleteDetaCiu", "Visita", new { idDetVisita = Model.DetalleVisitas[i].Id, idCiud = Model.DetalleVisitas[i].IdCiudadano, IdVisita= Model.DetalleVisitas[i].IdVisita})" class = "deleteLink">
                                <img src="@Url.Content("~/Content/Imagenes/delete.png")" title="Eliminar Visita" alt="Eliminar Visita" />
                                </a> 
                                                                                                
                            }      
                        </td>

                    </tr>
                }      
                  
            </tbody>
         </table>  
         </div>
        </div>

        <div id='right' class='ui-widget ui-corner-all' style='float:right;width:40%;margin-top:0.5em;margin-left:0.5em;'>
            <div class="ui-widget-header ui-corner-top" style="padding:0.3em;">
                Empleado
            </div>
            <div class="ui-widget-content ui-corner-bottom" style="padding:0.5em;">
             <table id="tblEmpleado" border="1" cellpadding="0" cellspacing="0">
                <thead>
                  <tr>
                    <th>
                        Nombres
                    </th>
                    <th>
                        DNI
                    </th>
                    <th>
                        Cargo
                    </th>
                </tr>
              </thead>
             <tbody>
                @for (int i = 0; i < Model.DetalleVisitas.Count; i++)
                {
                    <tr>
                        <td>
                            @if (Model.DetalleVisitas.ToList()[i].Empleado != null)
                            {
                                @Html.DisplayFor(x => Model.DetalleVisitas.ToList()[i].Empleado.ApPaterno) 
                                @Html.Label(" ")
                                @Html.DisplayFor(x => Model.DetalleVisitas.ToList()[i].Empleado.ApMaterno) 
                                @Html.Label(" ")
                                @Html.DisplayFor(x => Model.DetalleVisitas.ToList()[i].Empleado.Nombre)
                                                                 
                            }      
                        </td>
                        <td>
                            @if (Model.DetalleVisitas.ToList()[i].Empleado != null)
                            {
                                @Html.DisplayFor(x => Model.DetalleVisitas.ToList()[i].Empleado.DNI) 
                                                                                                
                            }      
                        </td>
                        <td>
                            @if (Model.DetalleVisitas.ToList()[i].Empleado != null)
                            {
                                @Html.DisplayFor(x => Model.DetalleVisitas.ToList()[i].Empleado.Cargo.Descripcion) 
                                                                                                
                            }      
                        </td>
                         <td>
                            @if (Model.DetalleVisitas.ToList()[i].Empleado != null)
                            {
                                <a href="@Url.Action("DeleteDetaEmple", "Visita", new { idDetVisita = Model.DetalleVisitas[i].Id, idEmple = Model.DetalleVisitas[i].IdEmpleado, IdVisita = Model.DetalleVisitas[i].IdVisita })" class = "deleteLink">
                                <img src="@Url.Content("~/Content/Imagenes/delete.png")" title="Eliminar Visita" alt="Eliminar Visita" />
                                </a> 
                                                                                                
                            }      
                        </td>
                    </tr>
                }      
                  
            </tbody>  

           </table>
           </div>
           </div>



        <p style='clear:both;margin-top:10em;padding:1em;'>
            <button id="btncrear" type="button">Guardar</button> 
        </p>
    </fieldset>
}

<div>
    @Html.ActionLink("Volver a Listar", "ListarVisitas")
</div>

